@extends('public.layouts.main')
@section('style-link')
    <link rel="stylesheet" href="/plugins/bootstrap-table/bootstrap-table.min.css">
    <style type="text/css">
        .bs-bars {
            width: 80%;
            margin: 10px 0;
            line-height: 34px;
        }
        .nav-tabs-custom ul.nav-tabs {margin-bottom: 20px;}
        .bootstrap-table .fixed-table-toolbar button {color: inherit;}
        .pagination-detail .btn-group button {color: inherit;}
        table .btn {margin-left: 10px;}
        .table tr th, .table tr td {border: 0px solid transparent !important;}
    </style>
@endsection
@section('menu')
    @include('public.manager.menu')
@endsection
@section('content-header')
    <h5>
        <ol class="breadcrumb">
            <li><i class="fa fa-dashboard"></i> 党委 （超级管理员）</li>
            <li class="active">成长规则</li>
        </ol>
    </h5>
@endsection
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="nav-tabs-custom">
                        <!-- Tabs within a box -->
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#grow-user" data-id="1" data-toggle="tab">党员</a></li>
                            <li class=""><a href="#grow-department" data-id="2" data-toggle="tab">党支部</a></li>
                        </ul>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="col-sm-6">
                                    <a class="btn btn-info btn-sm" href="/manager/grow-create.html">新建</a>
                                </div>
                                <div class="col-sm-6"></div>
                            </div>
                        </div>
                        <div class="tab-content no-padding">
                            <div class="chart tab-pane active" id="grow-user">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <table class="table table-hover data-table-user" data-height="620"></table>
                                    </div>
                                </div>
                            </div>
                            <div class="chart tab-pane" id="grow-department">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <table class="table table-hover data-table-department" data-height="620"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="/js/manager/grow.js?v={!! time() !!}"></script>
@endsection